<div id="tb" style="padding:5px;height:auto">           
    <div>  
                <label for="searchCondition.example.material">{{i18n.material}}:</label>  
                <input ng-model="searchCondition.example.material" type="text" id="searchCondition.example.material"/>     
                <label for="searchCondition.example.periodUsed">{{i18n.periodUsed}}:</label>  
                <input ng-model="searchCondition.example.periodUsed" type="text" id="searchCondition.example.periodUsed"/>     
        <a class="btn btn-primary glyphicon glyphicon-search" ng-click="search()">搜索</a>    
    </div> 
    <div style="margin-bottom:5px">
        <a ng-click="add()">新增</a>
        <a ng-click="edit()">编辑</a>
        <a ng-click="remove()">删除</a>
    </div>
</div>

<div class="gridStyle" style="height: 300px" ng-grid="gridOptions">
</div>

<!-- Modal -->
<div class="modal fade" id="modelEdit" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog  ">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">MaterialUsage信息编辑</h4>
        </div>
          <div class="modal-body">
          <div ng-show="displayError" class="alert alert-danger">
            <strong>错误！</strong>什么东西坏了。重试，或取消并重新开始。
            <ul>
                <li ng-repeat="error in errorKeys">{{ i18n[error] === undefined ? error : i18n[error] }}：{{errors[error]}}</li>
            </ul>            
        </div>            
    <form id="modelform" class="form-horizontal" method="post">        
      <ul class="ui one column grid ">				
        <li class="column">
          <label  class="col-lg-4 control-label">{{i18n.material}}:</label>
           <div class="col-lg-6">
            <div ng-model="currentItem.material.id" 
            data-options='{"id":"id","name":"no"}' 
            to-one="Material" 
            style="width: 200px"></div>                               
          </div>
       </li>
       <li class="column">
         <label  class="col-lg-4 control-label">{{i18n.periodUsed}}:</label>
         <div class="col-lg-6">
            <input id="currentItem.periodUsed" 
              ng-model="currentItem.periodUsed" 
              style="width: 200px" />                              
         </div>
       </li>
       <li class="column" ng-model="currentItem.position.id"                                 
            my-organization="Position"></li>
      </ul>	
    </form>    
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal"
                  ng-click="returnListView();">返回</button>
          <button type="button" class="btn btn-primary"
                  ng-click="save();">保存</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->     